<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>直播间</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name=”screen-orientation” content=”portrait”>
    <meta name=”x5-orientation” content=”portrait”>
    <meta name=”browsermode” content=”application”>
    <meta name=”x5-page-mode” content=”app”>
    <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no,email=no,address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="style.css">
    <script src="lib/vue.min.js"></script>
    <script src="lib/crypto-js.js"></script>
    <script src="lib/axios.min.js" type="text/javascript"></script>
    <script src="js/fetch.js" type="text/javascript"></script>
    <script src="js/mixins.js" type="text/javascript"></script>
</head>
<body>
<div class="box" style="padding: 0;">
    <div class="live">
        <!--<header class="top">
            <span class="fl back"></span>
            <p>直播间</p>
        </header>-->
        <header class="nav">
            <footer class="nav-left fl">
                <nav class="live-headImg1 fl"><img src="images/head.jpg"></nav>
                <nav class="fl">
                    <p style="padding: 0.08rem 0 0.1rem;">暖暖</p>
                    <div>ID:71</div>
                </nav>
            </footer>
            <input type="button" value="关注" class="follow fl">
            <input type="button" value="打开直播" class="open-live fr">
        </header>
        <div class="live-box" id="livebox">
            <img class="fl live-img" src="images/live.jpg" />
            <nav class="play" onclick="play()">
                <img src="images/play.png" />
            </nav>
        </div>
        <div class="commentBox">
            <section class="comment">
                <nav class="comment-list">
                    <span class="fl grade">一级</span>
                    <p class="fl content">暖暖 <span>来了</span></p>
                </nav>
                <nav class="comment-list">
                    <span class="fl grade">一级</span>
                    <p class="fl content">暖暖 <span>来了来了来了来了来了来了</span></p>
                </nav>
                <nav class="comment-list">
                    <span class="fl grade">一级</span>
                    <p class="fl content">暖暖 <span>来了</span></p>
                </nav>
                <nav class="comment-list">
                    <span class="fl grade">一级</span>
                    <p class="fl content">暖暖 <span>来了来了来了来了来了来了</span></p>
                </nav>
            </section>
            <footer class="bottom">
                <nav class="myInt fl" >快与主播聊聊</nav>
                <aside class="recharge1 fl">充值</aside>
                <aside class="my-gift fr">
                    <img src="images/gift.png">
                </aside>
            </footer>
        </div>
    </div>
</div>
<script type="text/javascript">
    /*function play() {
        var box=window.document.getElementById('livebox');
        box.innerHTML='<video id="player"  src="http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8" style="background-color: #000;" width="100%" height="100%"></video>';
        var player=window.document.getElementById('player');
        player.play();
    }*/
    var app=new Vue({
        el:'.box',
        mixins: [mixins],
        data:function(){
            return {}
        },
        created:function(){
            this.getData();
        },
        methods:{
            getData:function(){
                var vm=this;
                var id=vm.getQueryString('id');
                console.log(id);
                fetch.get('/zhubo/'+id).then(function (res) {
                    console.log(res);
                    //vm.list=res;
                }).catch(function (e) {
                    console.log(e)
                });
            },
            //截取url
            getQueryString:function(name){
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return null;
            }
        }
    });
</script>
</body>
</html>